body {
	font-family:Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif;
	font-size:12px;
	color:#888;
	background:#fff;
	overflow-x: hidden;
}
a {
	color:#39f;
	text-decoration:none;
}
#head{
	width: 100%;
	height: 80px;
	position:fixed;
	top: 0;
	z-index: 999;
}
/*body #head .bg{
	opacity:1;
	filter: alpha(opacity=100);
}*/
#head .bg{
	width: 100%;
	height: 80px;
	position:absolute;
	top:0;
	left: 0;
	background: #111;
}
.headerInfo{
	width: 980px;
	height: 80px;
	margin:0 auto;
	position:relative;
}
.headerInfo .logo{
	position:absolute;
	top:20px;
}
.navinfo{
	display: block;
	position:absolute;
	right:0;
	top:0;
	font-size: 0;
}
.navinfo ul:after{
	content: '';
	display: block;
	clear: both;
}
.navinfo ul li{
	float: left;
	width: 135px;
	height:80px;
	background: url(../img/nav_ico.png)no-repeat ;
}
.navinfo ul li a{
	display: block;
	height: 40px;
	color:#fff;
	font-size:14px;
	padding-left:40px;
	margin:20px 5px 0 5px;
}
.navinfo ul li span{
	display: block;
	font-size:11px;
	color: #999;
}
.navinfo .home{
	background-position:10px 0;
}
.navinfo .news{
	background-position:10px -80px;
}
.navinfo .service{
	background-position:10px -158px;
}
.navinfo .case{
	background-position:10px -234px;
}
.navinfo .solution{
	background-position:10px -313px;
}

/*顶部banner*/
#topbanner{
	width:100%;
	height: 650px;
	position:relative;
	background: #000;
	overflow: hidden;
}
#topbanner .firstUl{
	position: relative;
}
#topbanner .firstUl li{
	position:absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 650px;
	display: none;
	background-size: cover;
	background-position: center;
}
#topbanner .firstUl li .bannerCenter{
	width: 980px;
	margin: 0 auto;
	border: 1px solid red;
	position:relative;
}
.bannerCenter .bannerInfo{
	position:absolute;
	top:170px;
	color:white;
	left:10px;
}
.bannerInfo h2{
	font-size: 36px;
}
.bannerInfo p{
	font-size:12px;
	line-height: 20px;
	margin-top:10px;
}
.bannerCenter .bannerImg{
	position:absolute;
	right:10px;
	top:80px;
	width: 506px;
	height: 404px;
}
.bannerImg img{
	width: 100%;
	height: 100%;
}
#topbanner .bannerList{
	width: 960px;
	height: 122px;
	position:absolute;
	bottom:40px;
	left: 50%;
	margin-left:-480px;
	z-index: 1;
}
.bannerList .bjmask{
	width: 115px;
	height: 156px;
	background: #0084cf;
	border-radius:5px;
	position:absolute;
	bottom:-16px;
	margin-left:20px;
}
.bannerList .secondUl{
	width: 960px;
    height: 122px;
    font-size: 0;
    line-height: 0;
    position: relative;
	background: url(../img/serv_ico.png)no-repeat center;
}
.bannerList .secondUl li{
	width: 115px;
	height: 122px;
	float:left;
	cursor:pointer;
}
.bannerList .secondUl .firstLi{
	background:#fff;
	width:20px;
	border-radius:20px 0 0 20px;
}
.bannerList .secondUl .lastLi{
	background:#fff;
	width:20px;
	border-radius:0 20px 20px 0;
	float: right;
}
.bannerList .toplayer{
	width: 115px;
	height: 156px;
	position:absolute;
	bottom:-17px;
	margin-left:20px;
	background: url(../img/arrow.png)no-repeat center;
}
/*雪花样式*/
#maxBox{
	position:absolute;
	top: 0;
}
.box{
	position:absolute;
}
/*雪花样式结束*/
.topInfo{
	width: 100%;
    height: 136px;
}
.topInfo .topHead{
	width: 960px;
    margin: 0 auto;
    position: relative;
}
.topInfo .topHead h1{
	display: inline-block;
	font-size: 44px;
	color:#676767;
	position:absolute;
	top:38px;
	left:0;
}
.topInfo .topHead p{
	width: 135px;
	display: inline-block;
	color:#9c9c9c;
	position:absolute;
	left:250px;
	top:52px;
	font-size: 12px;
}
.topInfo .topHead a{
	display: block;
	position: absolute;
	top:50px;
	right:10px;
	font-size: 24px;
	color:#39f;
}
.topInfo .topHead a:hover{
	text-decoration: underline;
}
#content{
	background: rgb(219,219,219);
}
#content .cases{
	width: 1208px;
	margin:0 auto;
}
.cases .casesUl{
	font-size: 0;
}
.cases .casesUl li{
	width: 240px;
	height: 152px;
	margin-left:1px;
	margin-bottom: 1px;
	display: inline-block;
	position:relative;
}
.cases .casesUl li img{
	position:absolute;
	top:0;
	left:0;
	display: block;
	width: 240px;
	height: 152px;
}
/*通过jquery控制鼠标移入添加此类名*/
.cases .casesUl li img.active{
	transform:rotateY(180deg);
	transition:all 0.5s linear; 
	opacity: 0;
	filter:alpha(opacity=0);   
    -moz-opacity:0;  
}
.casesUl li p.active{
	transform:rotateY(0deg);
	transition:all 0.5s linear ; 
	opacity: 1;
	filter:alpha(opacity=100);   
    -moz-opacity:1;   
}
/*通过jquery控制鼠标移出添加此类名并删除移入添加的类名*/
.cases .casesUl li img.active1{
	transform:rotateY(0deg);
	transition:all 0.5s linear; 
	filter:alpha(opacity=100);   
    -moz-opacity:1;
	opacity: 1;	
}
.casesUl li p.active1{
	transform:rotateY(180deg);
	transition:all 0.5s linear ; 
	opacity: 0;
	filter:alpha(opacity=0);   
    -moz-opacity:0;  
}

.casesUl li p{
	width: 210px;
	height: 100%;
	font-size: 12px;
	padding:0 15px;
	text-align: left;
	background: #212121;
	color: #ccc;
	position:absolute;
	top:0;
	left:0;
	filter:alpha(opacity=0);   
    -moz-opacity:0;   
    opacity: 0;   
	
}
.casesUl li p strong{
	display: block;
	color:#fff;
	font-size: 14px;
	margin-top:15px;
	margin-bottom:8px;
	font-weight:bold;
}
.casesUl li p .story{
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background-color:#4d90fe;
	height: 30px;
	line-height: 30px;
	margin-top:8px;
	padding:0 8px;
}
.casesUl li p .website{
	width: 23px;
	height: 23px;
	display: inline-block;
	text-indent: -9999px;
	position:absolute;
	right:5px;
	bottom:5px;
	background: url(../img/ico_website.png)no-repeat;
}
.casesUl li p .website:hover{
	background-position-y:-23px;
}
/*--------------------------------------------------------------------------------------------------------*/
#news{
	height: 670px;
}
#news_title {
	position: relative;
	height: 64px;
	line-height: 64px;
	padding: 35px;
	overflow: hidden;
	/*// padding-left:120px;
	// background: #39f;*/
}
#news_title h2{
	font-size: 45px;
	color:#141414; 
	display: inline-block;
	vertical-align:middle;
	text-indent: 150px;
	/*// border: 1px solid green;*/
}
#news_title h2 strong{
	font-size: 46px;
	color: #999;
}
#news_title p{
	display: inline-block;
	vertical-align:middle;
	font-size: 12px;
	margin-left: 10px;	overflow: hidden;
	color: #999;
	line-height: 18px;
}
#news_title a{
	position: absolute;
	right:190px;
	font-size: 24px;
	color:#39f;
}
#news{
	width: 100%;
	/*// border: 1px solid red;*/
	position: relative;
	overflow: hidden;
	background: rgb(219,219,219);
}
#news_data{
	position: relative;
	width: 986px;
	height: 520px;
	margin: 0 auto;
	background: #fff;
	overflow: hidden;
}
#news_data_left{
	position: absolute;
	left:15px;
	top: 15px;
}
#news_data_right{
	position: absolute;
	width: 620px;
	top:15px;
	right: 15px;
}
#news_data_right li{
	position: relative;
	height: 94px;
	padding: 12px 0;
	border-bottom: 1px dashed #ccc;
}
.news_list{
	float: right;
	width: 64px;
	/*// line-height: 64px;*/
	width: 510px;
	padding: 5px 0 5px 0;
}
.news_data_right_l{
	float: left;
}
.news_data_right_l img{
	width: 90px;
	height: 90px;
}
.news_list a{
	font-size: 18px;
}
.news_list span,.news_list p{
	display: block;
	margin-top: 5px;
}
/*案例页面样式*/
#caseCon{
	width: 100%;
	margin-top: 80px;
}
#caseCon .topInfo{
	border-bottom: 1px solid gray;
}
#caseCon .caseInfo{
	width: 980px;
	height: 2023px;
	margin: 0 auto;
	position: relative;
}
#caseCon .caseInfo .caseInfoLeft{
	margin-bottom: 12px;
	position: absolute;
	left:0;
	top:30px;
}
.caseInfoLeft img{
	margin-bottom: 22px;
}
#caseCon .caseInfo .caseInfoRight{
	width: 240px;
	position: absolute;
	right: 0;
	top:35px;
}
.caseInfoRight img{
	margin-bottom: 20px;
}
.caseInfoRight p{
	padding: 12px 0;
	border-top:1px dotted orange;
}
.caseInfoRight a{
	display: block;
	width: 240px;
	height:40px;
	line-height: 40px;
	text-align: center;
	background: #4d90fe;
	border-radius:10px;
	font-size: 16px;
	font-weight: bold;
	color:white;
	margin-top:8px;
	text-shadow:-1px -1px rgba(51,51,51,0.6);
}
.caseInfoRight a:active{
	color:orange;
}
.caseInfoRight span{
	display: block;
	padding:0 15px;
	text-indent:2em;
	font-size: 12px;
	line-height: 20px;
}
#caseCon .more{
	width: 100%;
	padding:15px 0;
	background: #f5f4f4;
	border-top:1px solid #d8d9d8;
}
#caseCon .more .moreimg{
	width: 980px;
	margin:0 auto;
	position: relative;
	height: 20px;
	line-height: 20px;
}
#caseCon .more .moreimg a{
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	position: absolute;
	text-indent: -9999px;
	left:50%;
	margin-left: -20px;
	background: url(../img/more.png)no-repeat 0 -40px;
}
#caseCon .more .moreimg a:hover{
	background: url(../img/more.png)no-repeat -20px -40px;
}
/*新闻页面*/
#caseCon .newsTop{
	height: 68px;
	line-height: 68px;
	border-bottom: 1px solid gray;
}
.newsTop ul{
	width: 980px;
	margin:0 auto;
}
.newsTop ul li{
	display: inline-block;
	width: 100%;
	margin-right: 5px;
	vertical-align: middle;
}
.newsTop ul li a{
	display: inline-block;
    width: 110px;
	height: 29px;
	line-height: 29px;
	padding:0 8px;
	text-align: center;
	background-color: #e9e9e9;
	color: #666;
	border-radius: 3px;
	border:1px solid rgba(0,0,0,0.1);
}
/*.newsTop ul li a:hover{
	background-image:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));background-image:-webkit-linear-gradient(top,#f8f8f8,#f1f1f1);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);background-color:#f8f8f8;background-image:linear-gradient(top,#f8f8f8,#f1f1f1);background-image:-o-linear-gradient(top,#f8f8f8,#f1f1f1);border:1px solid #c6c6c6;box-shadow:0 1px 1px rgba(0,0,0,0.1);text-decoration:none;}
.category p{position:absolute;top:25px;right:5px;
}*/
.newsTop ul li a.active{
	background-color:#357ae8;
	border: 1px solid #2f5bb7;
	color:#fff;
}
#caseCon .newsInfo,#caseCon .dynamics{
	width: 980px;
	margin:15px auto;
	position: relative;
}
.newsInfo,.dynamics{
	display: none;
}

.newsInfo li,.dynamics li{
	position: relative;
	border-bottom: 1px dashed #ccc;
	padding: 10px 0;
}
.newsCon{
	width: 865px;
	display: inline-block;
	position: absolute;
	right: 0;
	top:10px;
}
.newsCon a{
	color: #444;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
}
.newsCon a:hover{
	text-decoration: underline;
}
.newsCon span{
	display: block;
	line-height: 20px;
	color:#999;
}
.newsInfo.active{
	display:block;
}
.dynamics.active{
	display:block;
}
.newsInfo li a img,.dynamics li a img{
	width: 94px;
	height: 94px;
}
.footerP{
	text-align: center;
	color:gray;
	margin:10px auto;
	font-size: 12px;
	background: #ccc;
	width: 100px;
	padding:5px 8px;
}

/*底部样式*/
#footerlink {
	background: #111;
	height: 46px;
	line-height: 46px;
	position: relative;
	border-bottom: 1px solid #000;
}
.wrapper{
	width: 986px;
	height: 190px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.wrapper a{
	font-size: 13px;
	margin-right:20px; 
	color: #999;
}
#footerlink #toTop{
	display: block;
	width: 41px;
	height: 35px;
	background: url('../img/top.png') no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	right: 0;
}
#footerinfo{
	width: 100%;
	height: 300px;
	background:#181818;
	border-top:1px solid #292929;
	padding-bottom: 20px;
	position: relative;
}
#footerinfo .wrapper h2{
	position: absolute;
	top:20px;
	left: 0;
	font-size: 28px;
	text-align: right;
}
#footerinfo .wrapper h2 strong{
	display: block;
	font-size: 28px;
	color: #333;
}
#footerinfo .wrapper p{
	position: absolute;
	left: 128px;
	top:20px;
	color: #888;
	line-height: 1.5
}
#footerinfo .wrapper p img{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
#footerinfo .wrapper img{
	position: absolute;
	top: 0;
	right: 0;
}
.callqq{
	display: block;
}
.links{
	width: 986px;
	margin: 0 auto;
	position: relative;
	min-height: 120px;
	border-top: 1px dashed #888;
}
.links h2{
	position: absolute;
	top:20px;
	left: 0;
	font-size: 28px;
	text-align: right;
}
.links h2 strong{
	display: block;
	font-size: 28px;
	color: #333;
}
.links ul{
	position: absolute;
	left: 130px;
	top: 25px;
}
.links ul li{
	float: left;
	margin-right: 20px;
}
.links ul li a{
	color:#888; 
}
/*-----------------------case案例二级页面样式---------------------------*/
#case_title{
	height: 120px;
	padding: 35px 0;
	border-bottom: 1px solid #d8d9d8;
	overflow: hidden;
	margin-top:10px;
}
#case_title .wrapper{
	width: 986px;
	margin: 0 auto;
	position: relative;
}
#case_title h2{
	font-size: 48px;
	margin-top: 65px;
	display: inline-block;
	color: #999;
	font-weight: normal;
}
#case_title strong{
	font-size: 60px;
	font-family:Arial;
	color: #333;
	vertical-align: top;
	margin-right: 5px;
}
#case_title .wrapper h2 p{
	font-size: 12px;
	display: inline-block;
	color: #999;
	font-weight: normal;
}
#filter{
	height:68px;
	line-height: 68px;
	border-bottom: 1px solid #d8d9d8;
	overflow: hidden;
}
#filter .wrapper ul li{
	display: inline-block;
}
#filter .wrapper ul li a{
	display: block;
	width: 90px;
	min-width: 54px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	background-image: -webkit-linear-gradient(top,#e9e9e9,#d5d5d5);
	border:1px solid rgba(0,0,0,0.1);
	border-radius: 3px;
	color: #666;
	padding: 0 8px;
	margin-right: 5px;
}
#filter .wrapper ul li a:hover{
	background: #e9e9e9;
}
#filter .wrapper ul li a.active{
	background: #4d90fe;
	color: #fff;
	border:1px solid #3079ed;
}
#caseInfo .wrapper{
	width: 995px;
	margin: 0 auto;
	position: relative;
	height: 102%;
}
.cases_list ul{
	position: relative;
	padding:20px 0;
}
.cases_list ul li{
	display: inline-block;
	width: 240px;
	height: 210px;
	margin: 0 0 10px 2px;
	padding:2px; 
	overflow: hidden;
	position: relative;
	left: 0;
	top:0;
}
.cases_list ul li p{
	width: 211px;
	height: 192px;
	background: rgba(0,0,0,0.8);
	color: #999;
	padding: 10px 15px;
	text-align: left;
	position: absolute;
	top: 2px;
	left: 2px;
	display: none;
}
.cases_list ul li strong{
	display: block;
	margin-top: 8px;
	margin-bottom: 5px;
}
.cases_list ul li p strong{
	display: block;
	color:#fff;
}
.cases_list ul li p em{
	display: block;
	font-style: normal;
	color: rgba(255,255,255,0.7);
	margin-bottom: 5px;
}
.cases_list ul li p .btn_story{
	display: inline-block;
	width: 85px;
	height: 30px;
	margin-top: 13px;
	background:-webkit-linear-gradient(top,#4d90fe,#4787ed);
	border-radius: 3px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size:10px; 
}
.cases_list ul li p .openurl {
	display: inline-block;
	width: 23px;
	height: 23px;
	position: absolute;
	bottom: 10px;
	right: -5px;
	background:url(../img/ico_website.png) no-repeat;
	text-indent: -99999px;
}
#caseInfo .cases_list .cases_list_div2 ul{
	display: none;
}
#caseInfo .cases_list ul.active{
	display: block;
}
#caseInfo .cases_list_div1 ul{
	display: block;
}